<div>
	<h2 data-translate="milkbeeApp.ware.home.title">Wares</h2>
	<jhi-alert></jhi-alert>
	<div class="container-fluid">
		<div class="row">
			<div ng-repeat="ware in vm.wares track by ware.id"
				class="col-xs-12 col-sm-6 col-md-3 col-lg-2">
				<div>
					<img src="/content/images/upload/ware/{{ware.photograph}}"
						width="90%" height="90%">
				</div>
				<div>{{ware.name}}</div>
				<div>
					<span data-translate="milkbeeApp.ware.ext.surplus"></span>:<i
						class="h4">{{ware.surplus}}</i>
				</div>
				<div>
					<span data-translate="milkbeeApp.ware.ext.score"></span>:<strong
						class="h3">{{ware.score}}</strong>
				</div>
				<div ng-show="ware.sshow">
					<input ng-model="ware.num" value="1">
				</div>
				<div class="btn-group">
					<button type="submit" ng-click="vm.exchange({id:ware.id})"
						class="btn btn-info btn-sm">
						<span class="glyphicon glyphicon-ok"></span> <span
							class="hidden-xs hidden-sm" data-translate="entity.action.ware"></span>
					</button>
				</div>
				<div>&nbsp;</div>
			</div>
		</div>
	</div>
	<div class="text-center">
		<jhi-item-count page="vm.page" total="vm.queryCount"
			items-per-page="vm.itemsPerPage"></jhi-item-count>
		<uib-pagination class="pagination-sm" total-items="vm.totalItems"
			items-per-page="vm.itemsPerPage" ng-model="vm.page"
			ng-change="vm.transition()"></uib-pagination>
	</div>
</div>
